<template>
<div>
  <h2>num:{{num}}</h2>
  <button @click="handleClick1">测试event1(点击提示按钮的文本)</button><br><br>
  <button @click="handleClick2('特定任意类型数据')">测试event2(点击提示指定的数据)</button><br><br>
  <button @click="num+=3">测试event3(点击num的数量加3)</button><br><br>
  <button @click="event=>handleClick4('特定任意类型数据',event)">测试event4(点击提示按钮的文本和指定的数据)</button><br><br>
</div>
</template>
<script>
export default{
  data(){
  	return {
  	  num:2,
  	}
  },
  methods:{
  	handleClick1(event){
  	  alert(event.target.innerHTML)
  	},
  	handleClick2(msg){
  	  alert(msg)
  	},
  	handleClick3(event){
  	  alert(event.target.innerHTML)
  	},
  	handleClick4(msg,event){
  	  alert(msg+"--"+event.target.innerHTML)
  	},
  }
}
</script>